<div [@hideCases]="isVisible" class="case-nav">
	<div class="nh-tree">
		<ul>
			<li>
				<button class="btn-default tooltipped" [routerLink]="['/app', {outlets: {dashoutlet: ['dashboard']}}]" title="Platform Home"
				data-delay="10"
				data-position="right"
				data-tooltip="Platform Home"
				materialize="tooltip">
				<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
			</button>
		</li>
			<li>
				<button class="btn-default tooltipped" [routerLink]="['core/audits/view', {outlets: {caseoutlet: ['casedash']}}]" title="Machine Audits"
				data-delay="10"
				data-position="right"
				data-tooltip="Audits"
				materialize="tooltip">
				<span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
			</button>
			</li>
			<li>
				<button class="btn-default tooltipped" title="Global Search" routerLink="core/search/view/global" routerLinkActive="active"
				data-delay="10"
				data-position="right"
				data-tooltip="Global Search"
				materialize="tooltip">
				<span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
			</button>
			</li>
			<li>
				<button  class="btn-default tooltipped" routerLink="core/search/view/timeline" routerLinkActive="active" title="Timeline View"
				data-delay="10"
				data-position="right"
				data-tooltip="Timeline View"
				materialize="tooltip">
				<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
			</button>
			</li>
			<li>
				<button class="btn-default tooltipped" routerLink="core/stack/view" routerLinkActive="active" title="Stacking View"
				data-delay="10"
				data-position="right"
				data-tooltip="Stacking View"
				materialize="tooltip">
				<span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
			</button>				
			</li>
			<!-- <li>
				<button class="btn-default tooltipped" routerLink="core/config/view/watcher" routerLinkActive="active" title="Watcher"
				data-delay="10"
				data-position="right"
				data-tooltip="Watcher"
				materialize="tooltip">
				<span class="glyphicon glyphicon-camera" aria-hidden="true"></span>
			</button>		
			</li>
			<li>
				<button class="btn-default tooltipped" routerLink="core/search/view/diff" routerLinkActive="active" title="Diff"
				data-delay="10"
				data-position="right"
				data-tooltip="Endpoint Diffing"
				materialize="tooltip">
				<span class="glyphicon glyphicon-object-align-bottom" aria-hidden="true"></span>
			</button>		
			</li> -->
			<!-- <li>
				<button class="btn-default tooltipped" routerLink="/app" routerLinkActive="active" title="Tags & Comments"
				data-delay="10"
				data-position="right"
				data-tooltip="Tags & Comments"
				materialize="tooltip">
				<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
			</button>	
			</li> -->
			<li>
				<button class="btn-default tooltipped" routerLink="core/upload/view" title="Upload & Delete"
				data-delay="10"
				data-position="right"
				data-tooltip="Upload & Delete"
				materialize="tooltip">
				<span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span>
			</button>				
			</li>
			<li>
				<button class="btn-default tooltipped" routerLink="core/config/view" title="App Configuration"
				data-delay="10"
				data-position="right"
				data-tooltip="App Configuration"
				materialize="tooltip">
				<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
			</button>				
			</li>
		</ul>
	</div>
</div>





